﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="resources/styles/clicki.web.css?V=20120501" media="screen" />
<link rel="stylesheet" type="text/css" href="resources/styles/clicki.loginandreg.css?V=20120501" media="screen" />
<link rel="stylesheet" type="text/css" href="resources/styles/clicki.webkitanimation.css?V=20120501" media="screen" />

<title>登录页面</title>
<!--[if lte IE 9 ]><link rel="stylesheet" href="resources/styles/clicki.iehotfix.css?V=20120501" /><![endif]-->
<!--[if lte IE 9]>
<style>
body {background:#2f7fb2 url(resources/styles/images/topbg_01.png?V=20120501) top center no-repeat;}
html{height:100%;overflow:hidden;background:#2f7fb2 url(resources/styles/images/topbg_01.png?V=20120501) top center no-repeat;}
</style>
<![endif]-->
</head>
<body>

<div class="theCenterBox" style="">
<style>
.theCenterBox{ margin-top:7%;}
</style>
  <div class="theLoginBox">
    <div class="loginTxt">登录</div>
    <div class="theLoginArea" id="loginBox">
      <form id="leftForm" action="index.html" method="post" name="forms">
        <p style="position: relative;">
          <label for="LoginForm_email">邮箱：</label>
          <input placeholder="请输入您的账号" name="LoginForm[email]" id="LoginForm_email" type="text" maxlength="255" />
          <span>*请输入您的账号</span> </p>


        <p style="position: relative;">
          <label for="LoginForm_password">密码：</label>
          <span id="box" style="display: inline; border:0"><input placeholder="请输入您的密码" name="password" id="password" type="password" maxlength="16" /></span>
          <span id="click" style="display: inline; padding:0 0 0 260px; color:grey;border: 0"><a href="javascript:showps()">显示密码</a></span> 
          <span>*请输入您的密码</span> </p>


        <div class="loginSubmitBnt fixPadding">
          <div>
            <input id="ytautoLogin" type="hidden" value="0" name="LoginForm[rememberMe]" />
            <input id="autoLogin" class="theRememberMe" name="LoginForm[rememberMe]" value="1" checked="checked" type="checkbox" />
            <label class="theRememberMeLabel" for="autoLogin">记住用户名和密码</label>
            <em class="forgotPasswordEm"><a href="wangji.html" title="忘记密码">忘记密码?</a>&nbsp;&nbsp;&nbsp;<a href="reg.html" title="马上注册">马上注册</a></em>
            <div class="login_submit">
              <input name="userSubmit" class="theSubmitButton" value="" type="submit" />
            </div>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>

</body>

<script language="JavaScript">   
                function showps(){   
                    if (this.forms.password.type="password") {  
                        document.getElementById("box").innerHTML="<input type=\"text\" name=\"password\" id=\"password\" size=\"80\" style='width:\"150\";' value="+this.forms.password.value+">";   
                        document.getElementById("click").innerHTML="<a href=\"javascript:hideps()\">隐藏密码</a>"  
                    }  
                }   
                function hideps(){   
                    if (this.forms.password.type="text") {  
                        document.getElementById("box").innerHTML="<input type=\"password\" id=\"password\" name=\"password\" size=\"80\" style='width:\"150\";' value="+this.forms.password.value+">";   
                        document.getElementById("click").innerHTML="<a href=\"javascript:showps()\">显示密码</a>"  
                    }   
                }   
            </script> 
</html>
